<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>my_interest.html</title>
<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1, user-scalable=no">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<link rel="stylesheet" href="css/mui.min.css">
<link rel="stylesheet" href="css/style.css">
<script src="js/mui.min.js"></script>
<script src="js/jquery.js"></script>
<script src="js/main.js"></script>
<style>
	body{background: #ffffff;}
</style>

</head>
<body>
	<div id="my_interest">
		<h3 id="selected_title">
			<span>您的选择是</span>
			<i class="iconfont selected_fold_btn">&#xe61f;</i>
		</h3>
		<section id="selected_con">
			
		</section>
		
		<div id="inte_item_wrap">
			<div class="inte_item">
				<h4>
					<i class="iconfont">&#xe61d;</i>
					<span>户外活动</span>
					<i class="iconfont list_fold_btn">&#xe618;</i>
				</h4>
				<div class="item_list_wrap">
					<span name="outdoors1">骑行</span>
					<span name="outdoors2">爬山</span>
					<span name="outdoors3">游泳</span>
					<span name="outdoors4">烧烤</span>
					<span name="outdoors5">篮球</span>
					<span name="outdoors6">羽毛球</span>
					<span name="outdoors7">跑步</span>
					<span name="outdoors8">钓鱼</span>
					<span name="outdoors9">骑行</span>
				</div>
			</div>
			
			<div class="inte_item">
				<h4>
					<i class="iconfont">&#xe61b;</i>
					<span>电影</span>
					<i class="iconfont list_fold_btn">&#xe619;</i>
				</h4>
				<div class="item_list_wrap">
					<span name="movie1">盗梦空间</span>
					<span name="movie2">越狱</span>
					<span name="movie3">钢铁侠</span>
					<span name="movie4">明天会更好</span>
					<span name="movie5">江南</span>
				</div>
			</div>
			
			<div class="inte_item">
				<h4>
					<i class="iconfont">&#xe61c;</i>
					<span>运动健身</span>
					<i class="iconfont list_fold_btn">&#xe619;</i>
				</h4>
				<div class="item_list_wrap">
					<span name="sport1">跑步</span>
					<span name="sport2">俯卧撑</span>
					<span name="sport3">游泳</span>
					<span name="sport4">跳远</span>
					<span name="sport5">劲走</span>
					<span name="sport6">乒乓球</span>
				</div>
			</div>
		</div>
	</div>
</body>
</html>
